<html>
    <head>
        <meta name="generator" content="HTML Tidy, see www.w3.org">
        <meta http-equiv="Content-Type" content= "text/html; charset=UTF-8">
        <title>Huang & Tang</title>
        <link rel="stylesheet" type="text/css" href= "style/default.css">
    </head>
    <body>
        {include header.html} 
        <center>
            <div id="img_main">
                {foreach $list $row} 
                <div class="img" style="float: left; height: 100px;">
                    <div style="width: 80px; height: 80px;" align= "center">
                        <a href="#"><img alt="" src= "{echo WEB.str_replace('/0', '/80', $row['image'])}" border="0"></a>
                    </div>
                    <div class="img_tools_icon">
                    </div>
                </div>{/foreach}
            </div>
        </center>
        <ul id="img_menu">
            <li>
                del
            </li>
            <li>
                copy
            </li>
            <li>
                copy to
            </li>
            <li>
                cut
            </li>
        </ul>
        <script type="text/javascript" src="js/jquery.js">
        </script>
        <script type="text/javascript" src="js/javascript.js">
        </script>
        <script type="text/javascript">
            $('.img').mouseover(function(){
                $(this).addClass('img_over');
                $('div:last', this).html('▼').click(function(){
                    openImgMenu(this);
                });
            }).mouseout(function(){
                $(this).removeClass('img_over');
                $('div:last', this).html('');
            })
            function openImgMenu(obj){
                $('#img_menu').toggle();
            }
        </script>
    </body>
</html>
